<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>GCP</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
<link rel="stylesheet" href="css/template.css" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery.dropotron-1.0.js"></script>
<script src="js/jquery.validationEngine-fr.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript"></script>

<script type="text/javascript">
	$(function() {
		$('#menu > ul').dropotron({
			mode : 'fade',
			globalOffsetY : 11,
			offsetY : -15
		});
	});
</script>
<script type="text/javascript">
	jQuery(document).ready(function(){
		// binds form submission and fields to the validation engine
		jQuery("#formID").validationEngine('attach');
	});	
</script>
</head>
<body>
	<div id="wrapper">
		<div id="header">
			<div id="logo">
				<h1>
					<a href="#">Veuillez vous inscrire</a>
				</h1>
			</div>
			<div id="slogan"></div>
		</div>
		<div id="page">
			<div id="content">
				<div class="box" id="content">
					<h3>Inscription</h3><br />
					<form id="formID" action="Controler" method="post">
						<table border="0" width="100%" height="100%">
							<tr>
								<td align="right" width="50%">Nom*</td>
								<td align="left"><input id="nom" name="nom" type="text" class="validate[required] text-input"
									value="" size="30" /></td>
							</tr>
							<tr>
								<td align="right" width="50%">Prénom*</td>
								<td align="left"><input id="prenom" name="prenom" class="validate[required] text-input"
									type="text" value="" size="30" /></td>
							</tr>
							<tr>
								<td align="right" width="50%">EMail*</td>
								<td align="left"><input id="mail" name="mail" type="text" class="validate[required,custom[email]] text-input"
									value="" size="30" /></td>
							</tr>
							<tr>
								<td align="right" width="50%">Mot de passe*</td>
								<td align="left"><input id="pwd" name="pwd" type="password" class="validate[required,length[3,6]] text-input"
									value="" size="30" /></td>
							</tr>
							<tr>
								<td align="right" width="50%">Niveau*</td>
								<td align="left"><select name="niveau" id="niveau">
										<option value="NIVEAU1">NIVEAU1</option>
										<option value="NIVEAU2">NIVEAU2</option>
										<option value="NIVEAU3">NIVEAU3</option>
										<option value="NIVEAU4">NIVEAU4</option>
								</select></td>
							</tr>
							<tr>
								<td align="right" width="50%">
									<div class="imgAjouter"><input type="submit" title="Valider" name="action" value="valider" /></div>
								</td>
								<td align="left" width="50%">
									<div class="imgAnnuler"><input type="reset" id="annuler" value="Annuler" /></div>
								</td>
							</tr>
						</table>
					</form>
				</div>
			</div>
			<br class="clearfix" />
		</div>
		<div id="page-bottom">
			<div id="page-bottom-content"></div>
			<br class="clearfix" />
		</div>
	</div>
	<div id="footer"></div>
</body>
</html>